<!DOCTYPE html>
<html>
<head>
<title>carInfo.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/carInfo.css">
<script type="text/javascript" src="js/cookie_util.js"></script>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/citylink.js"></script>
<script type="text/javascript">
	var userId = getCookie("userId");
	$(document).ready(function() {
	$("#login-id").text(getCookie("userName"));
		if (userId == null) {
			$("#logon-info").hide();
			$("#readylog").show();
		} else {
			$("#logon-info").show();
			$("#readylog").hide();
		}
		qryCarDetail();
	});
</script>
</head>

<body>
	<div id="shade"></div>
	<div class="header">
		<div class="top">
			<a class="logo">试驾车管理系统</a>
			<div class="login-info" id="logon-info">
				<span>当前登录</span><span id="login-id"></span><a href="JavaScript(0)"
					onclick="safeQuit()">退出登录</a>
			</div>
			<div class="login-info" id="readylog">
				<a href="Javascript:void(0)" onclick="toLog()">登录</a> <a
					href="Javascript:void(0)" onclick="toRes()">立即注册</a>
			</div>
			<div class="search-box">
				<div class="suggestion_widget" data-default-count="0">
					<input type="text" class="search-input" placeholder="搜索您要找的车"
						data-role="keywordInput" name="keyword" autocomplete="off">
					<button class="search-btn">搜索</button>
				</div>
			</div>
		</div>
		<div class="top-nav">
			<div class="navlist">
				<a href="qryCar.html" onclick="" class="navli">查找车辆</a> <a
					href="carExp.html" onclick="" class="navli">试驾体验</a> <a
					href="personMan.html" onclick="" class="navli">个人中心</a> <a
					href="Javascript:void(0)" onclick="toManPage()" class="navli">后台管理</a>
			</div>
		</div>
	</div>
	<div class="main">
		<div class="main-content">
			<div class="content-detail">
				<div class="detail-img">
					<div id="show-img">
						<img src="" id="largerimg" width="600" height="400" />
					</div>
				</div>
				<div class="detail-list">
					<div id="show-list">
						<h3 id="cartitle"></h3>
						<br /> 
						<span class="spandetail">品牌：</span>
						<span class="spanvalue" id="pinpai"></span> 
						<span class="spandetail">车型：</span>
						<span class="spanvalue" id="cartype"></span><br />
						<span class="spandetail">发动机：</span>
						<span class="spanvalue" id="fadongji"></span> 
						<span class="spandetail">变速箱：</span>
						<span class="spanvalue" id="biansuxiang"></span><br /> 
						<span class="spandetail">长*宽*高(mm)：</span>
						<span class="spanvalue" id="carckg"></span> 
						<span class="spandetail">轴距(mm)：</span>
						<span class="spanvalue" id="carzj"></span><br /> 
						<span class="spandetail">指导价：</span>
						<span class="spanvalue" id="carprice"></span><br /> 
						<input type="button" id="reserversub" value="预约试驾" onclick="openorder()"/>
					</div>
				</div>
			</div>
			<div class="car-base-info">
				<div class="titlediv" id="base">
					<span>基本信息</span>
				</div>
				<div class="detailcontent clearfix js-detailcontent active">
					<table class="param-table one" width="100%" cellspacing="0"
						cellpadding="0" border="0">
						<tbody>
							<tr>
								<th colspan="2">基本参数</th>
							</tr>
							<tr>
								<td class="td1" width="50%">厂商</td>
								<td class="td2" width="50%" id="changshang"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">级别</td>
								<td class="td2" width="50%" id="jibie"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">发动机</td>
								<td class="td2" width="50%" id="fadong"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">变速箱</td>
								<td class="td2" width="50%" id="biansu "></td>
							</tr>
							<tr>
								<td class="td1" width="50%">车身结构</td>
								<td class="td2" width="50%" id="cheshenjiegou"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">长*宽*高(mm)</td>
								<td class="td2" width="50%" id="ckg"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">轴距(mm)</td>
								<td class="td2" width="50%" id="zhouju"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">油箱容积(L)</td>
								<td class="td2" width="50%" id="youxiang"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">座位数</td>
								<td class="td2" width="50%" id="sitenum"></td>
							</tr>
						</tbody>
					</table>
					<table class="param-table
            " width="100%"
						cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<th colspan="2">发动机参数</th>
							</tr>
							<tr>
								<td class="td1" width="50%">排量(L)</td>
								<td class="td2" width="50%" id="pailiang"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">进气形式</td>
								<td class="td2" width="50%" id="jinqifangshi"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">气缸</td>
								<td class="td2" width="50%" id="qigang"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">最大马力(Ps)</td>
								<td class="td2" width="50%" id="maxml"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">最大扭矩(N*m)</td>
								<td class="td2" width="50%" id="maxnj"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">燃料类型</td>
								<td class="td2" width="50%" id="ranyouleixing"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">燃油标号</td>
								<td class="td2" width="50%" id="ranyoubianhao"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">供油方式</td>
								<td class="td2" width="50%" id="gongdian"></td>
							</tr>
							<tr title="各地车管所对排放标准认定有差异，结果仅供参考，外迁请详细咨询迁入地车管所。">
								<td class="td1" width="50%">排放标准</td>
								<td class="td2" width="50%" id="paifangbiaozhun"></td>
							</tr>
						</tbody>
					</table>
					<table class="param-table
            " width="100%"
						cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<th colspan="2">底盘及制动</th>
							</tr>
							<tr>
								<td class="td1" width="50%">驱动方式</td>
								<td class="td2" width="50%" id="qudongfangshi"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">助力类型</td>
								<td class="td2" width="50%" id="zhulileixing"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">前悬挂类型</td>
								<td class="td2" width="50%" id="qianxuangua"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">后悬挂类型</td>
								<td class="td2" width="50%" id="houxuangua"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">前制动类型</td>
								<td class="td2" width="50%" id="qianzhidong"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">后制动类型</td>
								<td class="td2" width="50%" id="houzhidong"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">驻车制动类型</td>
								<td class="td2" width="50%" id="zhucheliexing"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">远光灯</td>
								<td class="td2" width="50%" id="yuanguangdeng"></td>
							</tr>
							<tr>
								<td class="td1" width="50%">近光灯</td>
								<td class="td2" width="50%" id="jinguangdeng"></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div id="order-func">
		<div class="wrap-order">
			<label>
			<span class="wrap-title">请填写预约信息</span>
		</label>
		<label>
			<span class="wrap-onav">选择车型：</span> 
			<input type="text" class="orderint" id="selectname" readonly="readonly"/>
		</label>
		<label>
			<span class="wrap-onav">用&nbsp;&nbsp;户&nbsp;&nbsp;名：</span> 
			<input type="text" class="orderint" id="selectuser" readonly="readonly"/>
		</label>
		<label>
			<span class="wrap-onav">联系方式：</span> 
			<input type="text" placeholder="请输入有效联系方式" class="orderint" id="linkphone" />
		</label>
		<label>
			<span class="wrap-onav" id="citysel">提车地址：</span> 
			<select id="Select1" class="ordersel"></select>
			<select id="Select2" class="ordersel"></select>
			<select id="Select3" class="ordersel"></select>
						<script type="text/javascript">
							addressInit('Select1', 'Select2', 'Select3');
						</script>
		</label>
		<label>
			<span class="wrap-onav">详细地址：</span> 
			<input type="text" placeholder="小区/街道/乡镇" class="orderint" id="address" />
		</label>
		<label>
			<span class="wrap-onav">预约时间：</span> 
			<input type="date" class="orderint" id="starttime" />
		</label>
		<label>
			<span class="wrap-onav">还车时间：</span> 
			<input type="date" class="orderint" id="endtime" />
		</label> 
		<label>
			<input type="button" value="预约" class="logbut" onclick="commitOrder()" /> 
			<input type="button" value="返回" class="logbut" onclick="cancelOrder()" />
		</label> 
		</div>
	</div>
	<div id="log-func">
		<div class="wrap-log"> 
		<label>
			<span class="wrap-title">欢迎使用试驾车管理系统</span>
		</label>
		<label>
			<span class="wrap-nav">用户名</span> 
			<input type="text" placeholder="请输入用户名" class="logint" id="userid" />
		</label>
		<label>
			<span class="wrap-nav">密&nbsp;&nbsp;&nbsp;码</span> 
			<input type="password" placeholder="请输入密码" class="logint" id="pwd" />
		</label> 
		<label>
			<input type="button" value="登录" class="logbut" onclick="commitLog()" /> 
			<input type="button" value="返回" class="logbut" onclick="cancelLog()" />
		</label> 
		<label><a href="Javascript:void(0)" onclick="toRes()" id="tores">现在注册</a></label>
		</div>
		</div>
	<div id="res-func">
		<div class="wrap-res">
			<label>
				<span class="wrap-title">欢迎使用试驾车管理系统</span>
			</label>
			<label> 
				<span class="wrap-nav">登陆账号</span>
				<input type="text" placeholder="请输入用户名/邮箱/手机号" class="logint" id="ruserid" /> 
			</label> 
			<label>
				<span class="wrap-nav">登陆密码</span> 
				<input type="password" placeholder="请输入密码" class="logint" id="rpwd" /> 
			</label> 
			<label> 
				<span class="wrap-nav">确认密码</span>
				<input type="password" placeholder="请再次确认密码" class="logint"  id="rpwd1" /> 
			</label> 
			<label> 
			<input type="button" value="注册" class="logbut" onclick="commitRes()" /> 
			<input type="button" value="返回" class="logbut" onclick="cancelRes()" /> 
			</label>
		</div>
	</div>
</body>
</html>
